<template>
	<div>

		<div class="mapbox3">

			<el-carousel height="434px" arrow="always">
				<!-- <el-carousel-item v-for="(item,index) in srcs" :key="index" :style="{background:'url('+item+') no-repeat',backgroundSize:'cover',backgroundPosition:'center center'}">
				   
				</el-carousel-item> -->
				<el-carousel-item  v-for="(item,index) in srcs" :key="index">
					<img style="width:100%;height:100%" :src="item" alt="">
				</el-carousel-item>

			</el-carousel>

		</div>
		
		<div class='tit'>
			<h2>门店展示</h2>
			<p>美肌工坊全国600多家门店，由总部输出统一店面形象，别具一格的色调，简约大气的装修，人性化的功能分区，完美诠释“小而美，小而精，小而专”的店铺定位，为用户带来更为舒适的场景体验。</p>
		</div>
	</div>
</template>
<script type="text/javascript">
	export default {
		name: "SowingMap3",
		data() {
			return {
				srcs: [
					  "../../../../static/imgs/banner/mz1.png",
					  "../../../../static/imgs/banner/mz2.png",
					  ]
			}
		}
	}
</script>
<style lang="scss">

	

	 .mapbox3 .el-carousel {
		width: 1160px;
		margin:0 auto;
		border-radius: 10px;
	
	}
	.mapbox3 .el-carousel__item {
		background:rgba(118, 118, 118, 0)
	}
	
	.mapbox3 .el-carousel__item h3 {
		color: #475669;
		font-size: 18px;
		opacity: 0.75;
		line-height: 300px;
		margin: 0;
	}
	
	.mapbox3 .el-carousel__item:nth-child(2n) {
		background-color: null;
	}
	
	.mapbox3 .el-carousel__item:nth-child(2n+1) {
		background-color: null;
	}
	
	.mapbox3 .el-carousel__indicator {
		border-radius: 50%;
		width: 12px;
		height: 12px;
		padding: 0px;
		margin-right: 16px;
		
	}
	
	.mapbox3 .el-carousel__indicator.is-active {
		
	}
	
	.mapbox3 .el-carousel__button {
		display: none;
	}

	
	.tit h2 {
		margin-top: 100px;
		color: #F5855F;
		font-size: 79px;
		font-family: SourceHanSansCN-Normal;
		text-align: center;
	}
	
	.tit p {
		margin: 0 auto;
		font-size: 22px;
		font-family: SourceHanSansCN-Normal;
		color: rgba(118, 118, 118, 1);
		width: 843px;
	}

	
</style>